keep-alive
    组件状态，避免重复渲染，直接可以在模板中使用

    优势：
        组件切换过程中 组件状态保存在内存中，---》防止重复渲染DOM
        提升了性能

使用：
    用router-view 上的插槽 用keep-alige 包裹组件
    <router-view v-slot="{Component}">
        <keep-alive>
            <component :is="Component" />
        </keep-alive>
    </router-view>

    缓存单个页面：
        include 组件name属性 缓存单个页面
        exclude: 除了name属性 其他页面缓存
        max ：最大缓存数 

    新钩子：
        activated   激活组件
        deactivated  停用组件

        进入页面： created activated
            离开  deactivated ---》 离开上一个组件****